<html lang="en" xml:lang="en"><head>
<META http-equiv="Content-Type" content="text/html">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"><META name="description" content="The Related Table Charts widget allows you to chart values from a related table of a feature layer."><meta name="content-language" content="en"><link href="rsrc/htmlhelp.css" rel="stylesheet" type="text/css"><title>Web AppBuilder for ArcGIS | Help - 
Related Table Charts widget
</title>
                <script type="text/javascript" language="JavaScript">
                    var pathL  = self.location.pathname.split ("/");
                    var fname = pathL[pathL.length-1];
                    var i = fname.lastIndexOf (".htm");
                    if (i>=0) {
                    fname = fname.substring (0, i)
                    } else {
                    //??
                    }
                    if (self.location.hash) {
				    		      fname = fname + self.location.hash;
						        }
                    self.location.replace ("../index.html#//" + fname);
                </script>
                </head><!--Publication GUID: [GUID-E7D1C130-8F87-4109-8D61-E73A46083F52]--><!--Topic GUID: [GUID-D852DA60-AEFF-45D6-8E7B-D98C60C17A26]--><body><div id="content"><div class="header"><h1>
Related Table Charts widget
</h1><div id="breadcrumb"></div></div>
<p id="GUID-EC1FD953-1BAD-421D-BAE2-CAA599E4C19D"> The Related Table Charts widget allows you to chart (bar, pie or polar chart) values from a related table of a feature layer.</p><p id="GUID-F42D0419-019F-49F3-A2C6-3B592A2CA832"> The structure of the layers requires a relationship between a feature layer and a table and must be a one-to-many  <a target="_blank" class="xref" rel="https://desktop.arcgis.com/en/arcmap/10.3/manage-data/gdbs-in-postgresql/relationship-class-storage-postgresql.htm#guid-f7e16df1-22e4-4e43-8051-449f95e1db1a" href="https://desktop.arcgis.com/en/arcmap/10.3/manage-data/gdbs-in-postgresql/relationship-class-storage-postgresql.htm#guid-f7e16df1-22e4-4e43-8051-449f95e1db1a">geodatabase relationship</a>.</p><div class="section1" id="GUID-8B08E7A3-37DD-45E9-B8A5-25E75A9743B1" purpose="section1"><h2>
 Configuring the Related Table Charts widget</h2><p id="GUID-04120373-AC02-479C-9908-092F217288C6">
 The Related Table Charts widget can be set to open automatically when apps start. To do so, click the yellow dot on the widget to change it to green.
</p></div>
<div class="wfsteps" purpose="wfsteps"><h4></h4><div class="steps" id="GUID-E587DD3F-E9B3-441C-90D7-FC6853C35D96"><div class="step_title">Steps:</div><ol>
<li purpose="step" id="GUID-4EA99F54-6A9D-4A49-A708-8762B7E5DDEF">
<span purpose="cmd" id="GUID-00D022BF-949F-461A-9E78-60B62C51884B">
 Hover over the widget and click the small edit icon <img purpose="img" placement="inline" alt="Edit" title="Edit" src="03w3/GUID-31D329BD-BC73-4BBE-AE1D-3A1261BF912A-web.png">. The configuration window for this widget opens.
</span>
</li><li purpose="step" id="ESRI_STEP_8669071C61264667A1A8EE3924B70BFC"><span purpose="cmd" id="GUID-15338171-0F84-45CC-AD51-F07E1FC55F18">Optionally click the <span class="uicontrol">Change widget icon button</span> and replace it with your own image.</span><div class="info" purpose="info"><p id="GUID-11B075E9-EE98-4372-AF90-2AA29EAAFE75">A file explorer window opens, allowing you to select a local image file to use as the widget icon.</p></div></li><li purpose="step" id="ESRI_STEP_998D8434710E4D43947A551673EB3FF0"><span purpose="cmd" id="GUID-683D3F2F-DAC4-4D75-BDCD-AF2C2F949B36">Click <span class="uicontrol">Add New</span> to add new layers to the widget. When prompted, define the following parameters:</span><div class="substeps" id="ESRI_SUBSTEPS_DE733868AE1642FE9C88D84695993819" purpose="substeps"><ol><li purpose="substep" id="ESRI_SUBSTEP_2A5F1F0259A54F7DB1213E294289DA55"><span purpose="cmd" id="GUID-16FCB60C-BD87-4A41-AB9E-6E43A28844CC"><span class="uicontrol">Select layer</span>—Define the layer to be configured in the widget. If you configure more than one layer, the layers are required to be the same geometry type. </span></li><li purpose="substep" id="ESRI_SUBSTEP_D8FE80A71D1F497FB1A0CEAA064D8D70"><span purpose="cmd" id="GUID-D0CD110F-929D-4941-9830-06AD89FBD161"><span class="uicontrol">Select table related to layer</span>—Define the related table of the defined layer. </span></li></ol></div></li><li purpose="step" id="ESRI_STEP_2BD908CD21194872980E55F4C9510580"><span purpose="cmd" id="GUID-208B0176-1C04-4522-801A-38EB57A53585">Optionally add additional layers to be configured in the widget by repeating the step above.  </span></li><li purpose="step" id="ESRI_STEP_5BCAEBBAA60E4B1599D8CA3D4DA08046"><span purpose="cmd" id="GUID-F88180BB-2636-4C7A-AAD9-31FD7A5D4597">Optionally, under the <span class="uicontrol">Chart settings</span> table, change the order of layers in the widget by using the up and down arrows, or remove a configure layer by clicking the <span class="uicontrol">Delete</span> button. </span></li><li purpose="step" id="ESRI_STEP_5DD08EC130C441B8A931B3675BED3535"><span purpose="cmd" id="GUID-CE3ADAB4-8EF5-4546-AEEB-C62EC679BB15">Under the <span class="uicontrol">Settings</span> tab, you can specify the following options:</span><div class="substeps" id="ESRI_SUBSTEPS_248E5CAA5E0D44D0895AEB4E344E137C" purpose="substeps"><ol><li purpose="substep" id="ESRI_SUBSTEP_5CB03A533FCC43398C85B851355AF8AE"><span purpose="cmd" id="GUID-D015733B-5FC9-46FE-981C-CDCD3B2217E1"><span class="uicontrol">Section title</span>—Define the section title, including field name variables.</span></li><li purpose="substep" id="ESRI_SUBSTEP_E0710AC410804ABDBCDA9388508C18FD"><span purpose="cmd" id="GUID-8AE1A7A2-55D6-472A-9992-192F83BAB1DB"><span class="uicontrol">Chart title</span>—Define the title of the chart, including field name variables.</span></li><li purpose="substep" id="ESRI_SUBSTEP_7622BE8115FE4F7EB4713E4E60AF3CA5"><span purpose="cmd" id="GUID-321D2FEA-5064-48AA-8D6B-78487C2C00AF"><span class="uicontrol">Description</span>—Provide additional information about your chart, including field name variables.</span></li><li purpose="substep" id="ESRI_SUBSTEP_DC4F8E041BCF4C379238D09EBB5DCBFB"><span purpose="cmd" id="GUID-D2E4A145-8335-41AC-A64F-6CF4EA5026CC"><span class="uicontrol">Chart type</span>—Choose the type of chart to be displayed (bar chart, pie chart or polar chart).</span></li><li purpose="substep" id="ESRI_SUBSTEP_F126223FC3F349EDA291B086DC57D596"><span purpose="cmd" id="GUID-645ECDBE-F4C9-447C-913B-1C57D5C46C86"><span class="uicontrol">Data series field</span>—Choose a numeric field value to be charted.</span></li><li purpose="substep" id="ESRI_SUBSTEP_06601ADED02446C79B32F0CA68B052F9"><span purpose="cmd" id="GUID-E9344158-8C66-4673-8FFD-D4EDEED2809F"><span class="uicontrol">Label field</span>—Choose a field to label the charted values above.</span></li><li purpose="substep" id="ESRI_SUBSTEP_C61C5281179145529C335549B16171EA"><span purpose="cmd" id="GUID-42D596D9-44C0-4DD8-A899-55905FFD60C5"><span class="uicontrol">Chart color</span>—Select one of the options below to style the chart.</span><div class="info" purpose="info"><ul purpose="ul" id="UL_90F7C8E0CF3B4BDD969CDCE7436CB052"><li purpose="li" id="LI_32772B0412864DB7B409244C5E08A273"><span class="uicontrol">Single color</span>—The chart will be the same color.</li><li purpose="li" id="LI_519FBA02711F484B802558EFFB862102"><span class="uicontrol">Color by theme</span>—The chart will use the different colors belonging to the theme.</li><li purpose="li" id="LI_5470BDD0E81445D0B654506CBF9BBF32"><span class="uicontrol">Color by field value</span>—The chart will allow you to select an individual color for each bar chart or pie slice based on a field.</li></ul></div></li><li purpose="substep" id="ESRI_SUBSTEP_76539D7F2B15455FBC0AA29A5F3038E3"><span purpose="cmd" id="GUID-AA87F9DC-8C19-4AAD-B59E-DF4087AB70BD"><span class="uicontrol">X-axis title</span>—Define the label for the x-axis of the bar chart (Bar chart only).</span></li><li purpose="substep" id="ESRI_SUBSTEP_0387BD9B13364B5EB4F4ECD3648FE182"><span purpose="cmd" id="GUID-AAFC0635-ED2E-46AE-9A10-7FD2A8307184"><span class="uicontrol">Y-axis title</span>—Define the label for the y-axis of the bar chart (Bar chart only).</span></li></ol></div></li><li purpose="step" id="ESRI_STEP_23136B3149F441B58F8C2B3D3C3BC809"><span purpose="cmd" id="GUID-5A8D3B72-A6E2-4BF5-9654-E332B13E90CD">Optionally,  under the <span class="uicontrol">Layout</span> tab, you can see an outline of what the chart will look like for each layer.</span></li><li purpose="step" id="ESRI_STEP_DA702FAB9A624DA8BC46F79E101844AE"><span purpose="cmd" id="GUID-51044210-A1CF-41F7-979A-7D7112922692">Optionally, in the <span class="uicontrol">General Settings</span>  section of the widget configuration, you can specify the following options:</span><div class="substeps" id="ESRI_SUBSTEPS_4524F787BF8943089FCD99C0ABF48E5C" purpose="substeps"><ol><li purpose="substep" id="ESRI_SUBSTEP_0AEDBD38A4F04DE283FD5AD6701C4D91"><span purpose="cmd" id="GUID-6C595F3C-990C-465B-9246-9E150D358BCD"><span class="uicontrol">Graphic location symbol</span>—Select and adjust the symbol of the address or location symbol.</span></li><li purpose="substep" id="ESRI_SUBSTEP_5F493A2F7BB04A3F916941DCB9F503B7"><span purpose="cmd" id="GUID-32938C34-0783-4575-8D54-24672E3D0927"><span class="uicontrol">Refresh interval</span>—Define the interval at which you would like the charts to refresh. This should be a value between 0.1 and 1,440 minutes.</span></li></ol></div></li>
<div class="stepinfo" purpose="stepinfo"><div class="notes" id="GUID-1B67F807-7ABC-4B5E-BC3B-BD5B31B4C9BB"><div class="tip"><img class="note_img" src="rsrc/tip.png" alt="Tip" title="Tip"><span>Tip:</span></div><div class="tipbody"><p id="GUID-71FE42C1-C208-4651-978A-E6794F59652B">
 If you configured the widget for more than one
layer, you'll want to optimize the visual appeal of the map
by turning off all the configured layers in the map. By doing so,
you won't have overlapping symbology and blending of colors in
the application.</p>
<p id="GUID-28D4980D-9B33-42BF-875B-1A5AA538C2A8"> The first time you search an address or click
on the map, you will see the first layer configured in the widget
displayed in the related chart, and the corresponding layer will be
turned on in the map. When you select another chart, the
corresponding layer will be turned on and all other layers
turned off.</p>
</div></div></div></ol></div></div><div class="section1" id="ESRI_SECTION1_985B907C43F3487BBD86466DD5FDC517" purpose="section1"><h2> Using the Related Table Charts widget</h2></div><div class="wfsteps" purpose="wfsteps"><h4></h4><div class="steps" id="ESRI_STEPS_0B2D71A5A46947AA897220AA49DBA456"><div class="step_title">Steps:</div><ol><li purpose="step" id="ESRI_STEP_5A99D17BE679421582347898AD0A806E"><span purpose="cmd" id="GUID-3CDB0E94-D3FA-4EDA-A336-D7F55D5DF5A7">Click the Related Table Charts widget icon to open it. </span></li><li purpose="step" id="ESRI_STEP_20A15D01B611412597DA73757A7DB37B"><span purpose="cmd" id="GUID-7B141F77-307A-4AD1-A38A-2CC23060D96C">Search for an address in the search bar or click a location directly on the map to execute a search.</span><div class="stepresult" purpose="stepresult"><p id="GUID-ADA02FF3-7BFB-4239-805E-816897C09301">When a defined location selects a layer, you see the chart information expanded in the widget panel.<div class="image" purpose="image"><table><tr><td><img class="break" src="03w3/GUID-9FE8B906-8451-4BE7-A6DA-83130CD05F4B-web.png" purpose="img" alt="Related table information" title="Related table information"></td></tr></table></div></p></div></li><li purpose="step" id="ESRI_STEP_FEF7B24F30DA4970AC5F6F169606A24D"><span purpose="cmd" id="GUID-7AEEF53A-4DA4-4BF8-B2B6-D27BDBB722EF">Optionally, if other layers have been configured, select the heading of each item and see additional charts.  To collapse a chart, click the expanding heading again. </span></li><li purpose="step" id="ESRI_STEP_83EBAA756A7D46F4BF701E0D27061AE9"><span purpose="cmd" id="GUID-E19883A1-F0BF-432B-9DD3-883375DBCBCE">Hover over the bar chart or pie chart to see the exact numeric value.</span></li></ol></div></div>

<div class="footer"> Copyright © 1995-2016 Esri. All rights reserved. </div></div></body></html>